@charset"utf-8";

#content1{
    background-color: #8bc01f;
    .wid{
        padding-top: 64px;
        padding-bottom: 92px;
        background-image: url(../img/layapulish.png);
        background-position: right;
        background-repeat: no-repeat;
    }
    h1{
        padding-left: 10px;
       font-size: 48px;
       color: #FFFFFF;  
       span{
    width: 55px;
    height: 53px;
    background-color: #ffffff;
    border-radius: 2px;
    font-size: 48px;
    color: #8bc01f;
    margin-right: 5px;
    display: inline-block;
    text-align: center;
    }
    }
    .content1-left{
        h2{
            padding-left: 10px;
            font-size: 24px;
            color: #FFFFFF;
        }
        p{
            font-size: 14px;
            color: #FFFFFF;
        }
    }
}
.content1-left div:nth-of-type(4)>span{
    
    width: 100px;
    height: 34px;
    background-color: #e8f2d2;
    border-radius: 4px;
   display: inline-block;
   text-align: center;
   font-size: 14px;
   padding-top:10px;
   margin-top: 39px;
}



#content2{
    background-color: #3393df;
    .wid2{
        padding: 71px 0;
        background-image: url(../img/20k.png);
        background-position: right 84%;
        background-repeat: no-repeat;
    }
    .wid3{
        background-image: url(../img/play2.png);
        background-position:left 67%;
        background-repeat: no-repeat;
    }
    h1{    
        padding-left: 10px;
            font-size: 48px;
            color: #ffffff;
            span{
                display: inline-block;
                width: 42px;
    height: 44px;
    background-color: #ffffff;
    border-radius: 2px;
    font-size: 40px;
        color: #3393df;
        text-align: center;
        margin-right: 10px;
            }
    }  
    h2{
        font-size: 24px;
        color: #ffffff;
        text-align: center;
    }  
    p{
        font-size: 14px;
        color: #FFFFFF;
        text-align: justify;
    }   
}
#content4 {
    .wid4{
//      padding-bottom:160px;
//      padding-top: 90px;
        background-image: url(../img/images/yumao_03.png);
        background-position:18% 97%;
        background-repeat: no-repeat;   
    }
    .wid5{
          padding-bottom:160px;
        padding-top: 90px;
        background-image: url(../img/images/lunzi_03.png);
        background-position:77% 97%;
        background-repeat: no-repeat;   
    }
    h1{
        font-size: 42px;
        color: #3393df;
        span{
            font-size: 36px;
            width: 40px;
    height: 41px;
    background-color: #3393df;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
    margin-right: 10px;
        }
    }
    h2{
        font-size: 18px;
        color: #5d5d5d;
    }
    h3{
        font-size: 18px;
        color: #3393df;
    }
    p{
        font-size: 14px;
        color: #5d5d5d;
        text-indent: 18px;
    }
    .HL{
        height: 100px;
    }
}             
#content5{
    background-color: #f7f7f7;
    .wid6{
//      padding-bottom:160px;
//      padding-top: 90px;
        background-image: url(../img/images/ho_11.png);
        background-position:18% 97%;
        background-repeat: no-repeat;   
    }
    .wid7{
        padding-bottom:160px;
        padding-top: 90px;
        background-image: url(../img/images/siye_11.png);
        background-position:77% 97%;
        background-repeat: no-repeat;   
    }
    h1{
        font-size: 42px;
        color: #3393df;
        span{
            font-size: 36px;
            width: 40px;
    height: 41px;
    background-color: #3393df;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
    margin-right: 10px;
        }
    }
    h2{
        font-size: 18px;
        color: #5d5d5d;
    }
    h3{
        font-size: 18px;
        color: #3393df;
    }
    p{
        font-size: 14px;
        color: #5d5d5d;
        text-indent: 18px;
    }
    .HL{
        height: 100px;
    }
    
    
    
}

@media(max-width:768px) {
    #content1 .wid{
        background-image: none;      
    }
    #content2 .wid2,#content2 .wid3{
        background-image: none; 
    }
    #content4 .wid4,#content4 .wid5{
         background-image: none;
    }
   #content5 .wid6,#content5 .wid7{
         background-image: none;
    } 
}











@media (min-width:1200px){
    .w1000 {
        width: 1000px;
    }
}